<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<link rel="shortcut icon" href="image/favicon.ico" />
		<title>----</title>

		<style>
			.vw-left-container {
				background-color: #FFFFFF;
				padding: 10px 5px;
				border-radius: 4px;
				margin-left: -10px;
				margin-bottom: 0;
			}
			
			.vw-content-container {
				background-color: #FFFFFF;
				padding: 10px;
				border-radius: 4px;
				margin-left: -20px;
				margin-right: -10px;
			}
		</style>
	</head>

	<body>
		<div id="header"></div>

		<div class="container-fluid">
			<div class="row">
				<div class="col-md-1-5">
					<div id="vw-searchtree" class="vw-left-container"></div>
				</div>
				<div class="col-md-4-5">
					<div class="vw-content-container">
						<div class="row">
							<div class="col-md-12">
								<div id="vw-breadcrumb"></div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<div id="vw-querybuilder"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="footer"></div>

		<script src="js/loading.js"></script>
		<script src="lib/requirejs/require.min.js"></script>
		<script src="js/vw.config.require.js"></script>
		<script>
			require(['vw.header', 'vw.searchtree', 'vw.query'], function(vw_header) {
				vw_header.init("header", "footer");

				Resize();
				window.onresize = Resize;

				$('#vw-querybuilder').vw_query({
					$container: $(".vw-content-container"),
					dataURL: VW_INTERFACE.WEBSERVICE.DataAnalysis("GetReportData"),
					queryURL: VW_INTERFACE.WEBSERVICE.DataAnalysis("GetSearchResult")
				});

				$('#vw-searchtree').vw_searchtree({
					breadcrumbID: 'vw-breadcrumb',
					$container: $(".vw-left-container"),
					dataurl: VW_INTERFACE.WEBSERVICE.DataAnalysis("GetCatalog"),
					menu: [{
						id: 1,
						text: "按报表分类"
					}],
					extrapara: {
						userID: vw_static.getCookie(window.location.host),
						functionID: vw_static.getQueryString(window, "fid")
					},
					onTreeSelected: function(node) {
						if(node.isChild == false) {
							$('#vw-querybuilder').vw_query("ajaxQueryData", node.id, node.text);
						}
					}
				});

				function Resize() {
					$(".vw-left-container").css("height", $(window).height() - 100);
					$(".vw-content-container").css("height", $(window).height() - 100);
				}
			});
		</script>
	</body>

</html>